<template>
  <div class="dress">
    <van-grid :column-num="5"
              clickable>
      <van-grid-item v-for="value in categorys"
                     :key="value.id"
                     :icon="value.img"
                     :text="value.title" />
    </van-grid>
    <div class="goodsList">
      <GoodsList />
    </div>
  </div>
</template>

<script>
export default {
  name: 'shoeBag',
  data () {
    return {
      categorys: [
        { id: 1, title: '女鞋', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-17/930fb89401af1a746571234ae07dd524.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 2, title: '男鞋', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-17/2cc4c23633254bcaa0b535f5efcb1978.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 3, title: '低帮鞋', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-17/fbb13dd92e4d5be84e5b68f7162ac95c.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 4, title: '帆布鞋', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-04-18/56da5704b225b202a88289bd9dcc5bb9.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 5, title: '凉鞋', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-17/6381f66e5aef0c9d91103f32c616aab7.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 6, title: '秋上新', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-17/28437fbf556782c8863ab1ed604dd90a.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 7, title: '女包', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-17/fe2e760c669c9d97d283ed7f7b5e8003.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 8, title: '双肩包', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-17/ace6b97778b556d2a6466e6a3047934a.jpeg?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 9, title: '功能箱包', linkTo: '', img: '//t00img.yangkeduo.com/goods/images/2019-02-22/5178f6accbcadb36ff2bade73e7953f9.png?imageMogr2/sharpen/1%7CimageView2/2/w/108/q/70/format/webp' },
        { id: 10, title: '查看更多', linkTo: '', img: '' },
      ]
    }
  },
  components: {

  },
  methods: {

  }
}
</script>

<style scoped lang="css">
.dress {
  background-color: #f4f4f4;
}
.goodsList {
  margin-top: 4px;
}
</style>
